@import "../../../static/scss/variables";

div.tree-view {
  min-height: 100px;
  padding: 4px;
  border: solid 1px $panel-border;
  border-radius: 4px;
  max-height: 250px;
  overflow-y: auto;

  &.no-border {
    border-width: 0;

    > ul {
      margin: 0;
    }
  }

  ul:first-child:before {
    display: none;
  }

  &, & ul {
    margin:0;
    padding:0;
    list-style:none;
  }


  ul {
    margin: 15px;
    position:relative;

    ul {
      margin: 0 0 0 15px;
      padding: 0;
    }
  }

  li {
    margin:0;
    padding:0;
    line-height:2em;
    position:relative;
  }

  li.active > a {
    color: $brand-info;
  }

  .tree-indicator {
    margin-right:5px;

    cursor:pointer;
  }

  li a {
    text-decoration: none;
    color:inherit;

    cursor:pointer;
  }

  li .fa {
    margin: 0 5px 0 0;
  }

  li .collapse-icon {
    width: 10px;
  }

  li button, li button:active, li button:focus {
    text-decoration: none;
    color:inherit;
    border:none;
    background:transparent;
    margin: 0;
    padding: 0;
    outline: 0;
  }
}